<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="zxh">
    <title>千图网</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/index.js"></script>
</head>

<body>
    <!--nav部分-->
    <div id="nav">
        <div class="container">
            <ul class="fl float">
                <li>
                    <a href="#"><img src="images/nav-1.png">QQ交谈</a>
                </li>
                <li>
                    <a href="#"><img src="images/nav-2.png">官方QQ群</a>
                </li>
                <li><a href="#"><span>常见问题</span></a></li>
            </ul>
            <ul class="fr right">
                <li>
                    <a href="#"><img src="images/nav-3.png"><span>点我赚钱</span></a>
                </li>
                <li><a href="#"><span>登录</span></a></li>
                <li><a href="#"><span>注册</span></a></li>
                <li>
                    <a href="#"><img src="images/nav-4.png">QQ登录</a>
                </li>
                <li>
                    <a href="#"><img src="images/nav-5.png">微信登录</a>
                </li>
            </ul>
        </div>
    </div>
    <!--nav-->

    <!--header部分-->
    <div id="header">
        <div class="container">
            <ul class="fl">
                <li>
                    <a href="#"><img src="images/header-logo.png"></a>
                </li>
                <div class="clear"></div>
            </ul>
            <ul class="fr">
                <li><a href="#" class="active">首页</a></li>
                <li><a href="#">原创设计</a></li>
                <li><a href="#">广告设计</a></li>
                <li><a href="#">淘宝设计</a></li>
                <li><a href="#">素材分类</a></li>
                <li><a href="#">千图灵感</a></li>
                <li><a href="#">设计工具</a></li>
                <li><a href="#">活动</a><img src="images/header-hot.png"></li>
                <li><a href="#">VIP特权</a><img src="images/header-N.png"></li>
                <div class="clear"></div>
            </ul>
        </div>
    </div>
    <!--header-->

    <!--index部分-->
    <div id="index">
        <h1>专注免费设计网站</h1>
        <form>
            <input type="text" placeholder="800万张免费设计素材任意下载">
            <input type="button" value="搜全站">
            <input type="button" value="搜原创">
            <div class="clear"></div>
        </form>
    </div>
    <!--index-->

    <!--banner部分-->
    <div id="banner" class="container">
        <ul>
            <li class="active"><img src="images/banner1.jpg"></li>
            <li><img src="images/banner2.jpg"></li>
            <li><img src="images/banner3.jpg"></li>
            <li><img src="images/banner4.jpg"></li>
            <li><img src="images/banner5.jpg"></li>
        </ul>
    </div>
    <!--banner-->

    <!--show部分-->
    <div id="show">
        <div class="container">
            <a href="#">原创VIP专区</a>
            <a href="#">平面/广告</a>
            <a href="#">淘宝设计</a>
            <a href="#">室内设计</a>
            <a href="#">网页/UI设计</a>
            <a href="#">影视媒体</a>
            <a href="#">服装设计</a>
        </div>
    </div>
    <!--show-->

    <!--tools部分-->
    <div id="tools" class="container">
        <dl>
            <a href="#">
                <dt class="hometools1"></dt>
                <dd>开发手册</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools2"></dt>
                <dd>UI图标库</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools3"></dt>
                <dd>淘宝工具</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools4"></dt>
                <dd>配色工具</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools5"></dt>
                <dd>网页工具</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools6"></dt>
                <dd>图标宝</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools7"></dt>
                <dd>画册宝</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools8"></dt>
                <dd>在线书法</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools9"></dt>
                <dd>电商培训</dd>
            </a>
        </dl>
        <dl>
            <a href="#">
                <dt class="hometools10"></dt>
                <dd>店铺装修代码</dd>
            </a>
        </dl>
        <div class="moretools fr">
            <a href="#">更多设计工具</a>
        </div>
    </div>
    <div class="clear"></div>
    <!--tools-->

    <!--hot部分-->
    <div id="hot" class="container">
        <h2><a href="#">更多</a>热门专题</h2>
        <div class="img-list clearfix">
            <dl>
                <a href="#" target="_blank">
                    <dt><img src="images/hot1.jpg"></dt>
                    <dd>喜庆元素背景集</dd>
                </a>
            </dl>
            <dl>
                <a href="#" target="_blank">
                    <dt><img src="images/hot2.jpg"></dt>
                    <dd>鸡年ppt</dd>
                </a>
            </dl>
            <dl>
                <a href="#" target="_blank">
                    <dt><img src="images/hot3.jpg"></dt>
                    <dd>创意海报</dd>
                </a>
            </dl>
            <dl>
                <a href="#" target="_blank">
                    <dt><img src="images/hot4.jpg"></dt>
                    <dd>年会精选</dd>
                </a>
            </dl>
            <dl>
                <a href="#" target="_blank">
                    <dt><img src="images/hot5.jpg"></dt>
                    <dd>『放假通知』素材精选</dd>
                </a>
            </dl>
            <div style="clear: both"></div>
        </div>
    </div>
    <!--hot-->

    <!--firend部分-->
    <div id="firend">
        <div class="container">
            <div class="firend-titile">
                <a href="#" class="active">友情链接</a>
                <a href="#">新素材</a>
                <a href="#">新搜索</a>
                <a href="#">热门素材</a>
                <a href="#">热门ppt素材</a>
                <a href="#">热门淘宝素材</a>
                <a href="#">热门装饰素材</a>
                <a href="#">热门专题</a>
                <a href="#">搜索地图</a>
            </div>
            <div class="firend-titile2">
                <div>
                    <a href="#">千图样机</a>
                    <a href="#">我图网</a>
                    <a href="#">90设计</a>
                    <a href="#">摄图网</a>
                    <a href="#">微信公众平台</a>
                    <a href="#">UI图标库</a>
                    <a href="#">背景图片</a>
                    <a href="#">精品素材</a>
                    <a href="#">千广网</a>
                    <a href="#">折800官网</a>
                    <a href="#">深圳地图</a>
                    <a href="#">背景图</a>
                    <a href="#">找工作</a>
                    <a href="#">PPT模板</a>
                    <a href="#">爱奇艺广告</a>
                </div>
                <div>
                    <a href="#">装修资讯</a>
                    <a href="#">视频素材</a>
                    <a href="#">天气预报查询</a>
                    <a href="#">包图网</a>
                    <a href="#">123网站之家</a>
                    <a href="#">壁纸</a>
                    <a href="#">QQ头像</a>
                    <a href="#">电脑壁纸</a>
                    <a href="#">淮安新闻网</a>
                    <a href="#">山东门户</a>
                    <a href="#">深圳地图</a>
                    <a href="#">经典语录</a>
                    <a href="#">QQ个性签名</a>
                    <a href="#">PS教程网</a>
                    <a href="#">我图素材下载</a>
                    <a href="#">毕克尔下载</a>
                </div>
                <div>
                    <a href="#">图片大全</a>
                    <a href="#">老男人</a>
                    <a href="#">壁纸</a>
                    <a href="#">小清新图片</a>
                    <a href="#">男士时尚</a>
                    <a href="#">QQ个性签名</a>
                    <a href="#">QQ分组</a>
                    <a href="#">友情链接请联系QQ：948531617</a>
                    <a href="#">要求：PR>=4，百度权重>=7</a>
                </div>
            </div>

        </div>
        <!--firend-->

        <!--footer部分-->
        <div id="footer">
            <div class="container">
                <div class="fl">
                    <div class="white">
                        <a href="#">官方微博</a>
                        <a href="#">常见问题</a>
                        <a href="#">版权声明</a>
                        <a href="#">商务合作</a>
                        <a href="#">售后服务</a>
                        <a href="#">新素材</a>
                        <a href="#">图片下载</a>
                        <a href="#">素材专题</a>
                        <a href="#">千图导航</a>
                        <a href="#" class="QQ">
                            <img src="images/footerQQ-1.png">
                            <span>企业QQ交谈</span>
                        </a>
                        <a href="#" class="phone">客服电话：400-998-7011</a>
                        <div class="clear"></div>
                    </div>
                    <p>千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com ，我们尽快处理</p>
                    <p>Copyright © 2015 <a href="#">千图网</a> 沪ICP备10011451号-6 用时：0.0136 15.179 秒
                        <img src="images/footerindustry.png">上海工商</p>
                </div>
                <div class="fr">
                    <a href="#"><img src="images/footer-logo.png"></a>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <!--footer-->
</body>

</html>